/*.biaoti{width: 100%;position: relative;  height:auto; min-height:80px;font-weight:bold}
.biaoti_en{position: absolute;z-index:5; width:100%; height:auto; color:#e7e7e7;   text-align:center; line-height:40px;text-transform: uppercase; font-size:55px;}
.biaoti_cn{position: absolute;z-index:5; width:100%; height:auto; color:#045cbe;   text-align:center; line-height:40px; font-size:40px; top:20px;}
.bt_wz{ width:100%;text-align:center;}*/



.biaoti{width: 100%;  height:auto; }

.biaoti_cn{ width:100%; height:auto; color:#202020;   text-align:center; line-height:40px; font-size:38px; font-weight:600}
.biaoti_en{ width:100%; height:auto; color:#dddddd;   text-align:center; line-height:60px;text-transform: uppercase; font-size:26px;}
.bt{ width:80px; height:3px; overflow:hidden; background:#1b50b2; margin:0px auto}
.biaoti_wz{ width:100%; height:auto;   text-align:center; line-height:60px; font-size:16px;}

  @media screen and (max-width: 768px)
 {
.biaoti_cn{ font-size:28px; }
.biaoti_en{font-size:20px;line-height:40px;}
}


/*关于*/

.about{  height:auto}

.about .l{ width:47%;}
.about .l img{ width:100%}
.about .r{ width:47%; background:url(../sximg/about_bg.jpg) no-repeat right bottom;background-size:80% 70%}
.about .r .title{ width:100%; height:100px; background:url(../sximg/about_t.jpg) no-repeat left bottom;background-size:50% auto}
.about .r .title .en{ font-size:28px; color:#184eb2; text-transform:uppercase; line-height:40px; padding-top:40px}

.about .r .title .wz{ font-size:38px; font-weight:600; color:#202020}


.about_nr{ display:block; padding-top:50px; font-size:16px}

.about .r  .btn{ width:120px; height:40px; line-height:40px; margin-top:30px; font-size:14px; text-align:center; background-color:#005aba; display:block; color:#FFF}

.about_ys{  width:100%; height:auto; }

.about_ys ul {
  width: 100%;
  margin: 0 auto;height:auto
}

.about_ys ul li { width:33%;height:auto

}


.about_ys ul li .counts{ font-size:40px;  color:#184eb2; font-weight:bold; padding-top:50px; display:block}
.about_ys ul li span{ display:block; padding-top:60px; }



   @media screen and (max-width: 1440px)
 {

.about_nr{ padding-top:20px; font-size:13px}	 

.about .r .title{  height:80px; }
.about .r .title .en{ font-size:18px; line-height:40px; padding-top:0px}
.about .r .title .wz{ font-size:28px; font-weight:600; color:#202020}
.about .r  .btn{  font-size:13px;}
 }
 
 

   @media screen and (max-width: 768px)
 {

.about .r{ width:100%; background:url(../sximg/about_bg.jpg) no-repeat right center;background-size:60% auto}

.about .r .title{ width:100%; height:90px; background:url(../sximg/about_t.jpg) no-repeat left bottom;background-size:30% auto}
.about .r .title .en{ font-size:18px; line-height:40px; padding-top:0px}
}


   @media screen and (max-width: 414px)
 {


.about .r .btn{ width:100px; height:30px; line-height:30px; margin-top:20px; }
.about_ys ul li .counts{ font-size:30px;  padding-top:30px;}
.about_ys ul li span{ padding-top:40px; }
 }


/*产品列表*/
.cp{ width:100%; height:auto; background-color:#f1f2f4}




/*  产品中心*/
.cp_list{ width:80%; margin:0 auto}
.cp_list ul{}
.cp_list ul li{ width:23%; }
/*.cp_list ul li img{ width:100%}*/
.cp_list ul li img{ width:100%; height:260px; border:10px solid #FFF}
.cp_list ul li h4{ line-height:60px} 
.cp_list ul li span{ width:100%; display:block; font-size:14px; margin-bottom:10px; height:50px;  overflow:hidden }



  @media screen and (max-width: 768px)
 {
 .cp_list{ width:98%; margin:0 auto}
.cp_list ul li{ width:48%; }

}



/*应用*/


.yy{ width:100%; height:auto }
/*.yy_nr{ }

.yy_nr .title{ font-size:34px; line-height:70px; text-align:center; font-weight:600}
.yy_nr .title span{ color:#0bbdd6;}
.yy_nr .wz{ font-size:14px;text-align:center}*/












/* 本例子css */
.m-slide{ position: relative;  height: 800px; }
.m-slide .img {
 position: absolute;
z-index: 1; width:100%; height:800px;
}
.m-slide .tab_bg {
 position: absolute;z-index: 2; width:100%; height:800px; 
}
.m-slide .tab_bg .wz{ width:70%;}
.m-slide .tab_bg .tab{ width:30%; background-color:rgba(0,0,0,0.3);}
.m-slide .bottom-shadow{ position: absolute;  bottom: -3px; left: 0; width: 100%; height: 1px; overflow: hidden;
    border-top: 1px solid #e0e0e0; background: #e6e6e6; border-bottom: 1px solid #ececec }
.m-slide .img li, .m-slide .img a, .m-slide .img img { display: block; width: 100%; height: 800px }
.m-slide .img li { display: none; position: absolute; left: 0; top: 0 }
.m-slide .img li div{position:relative; width:100%; height:800px;}
.m-slide .img li div img{position: absolute; z-index:1; height:800px;}
.m-slide .img li span{position: absolute; z-index:2; height:800px;color:#FFF;  display:block; left:15%;top:35%}
.m-slide .img li span .b1{ font-size:50px;  }
.m-slide .img li span .b2{ font-size:30px; margin-top:70px; line-height:80px }
.m-slide .img li span .b3{ font-size:20px;  }
.m-slide .img .first { display: block }
.m-slide .tab li {  width: 100%; height:25%; text-align:center; border-bottom:1px solid #ededed;color: #fff }
.m-slide .tab li img{ padding-top:10%; }
.m-slide .tab a { display: block; position: relative; width: 100%; height: 100%; font-size:18px; color: #fff; }
.m-slide .tab .on a {background-color:#044fa9;}
.m-slide .tab .on a span { color: #fff; }








@media screen and (max-width: 1440px) {



/* 本例子css */
.m-slide{  height: 688px; }
.m-slide .img { height:688px;
}
.m-slide .tab_bg {height:688px; 
}

.m-slide .img li, .m-slide .img a, .m-slide .img img {  height: 688px }

.m-slide .img li div{height:688px;}
.m-slide .img li div img{ height:688px;}
.m-slide .img li span{ height:688px; left:10%;top:35%}
.m-slide .img li span .b1{ font-size:50px;  }
.m-slide .img li span .b2{ font-size:30px; margin-top:70px; line-height:80px }
.m-slide .img li span .b3{ font-size:20px;  }
.m-slide .tab li img{ padding-top:10%; }



}


@media screen and (max-width: 1024px) {
/* 本例子css */
.m-slide{  height: 489px; }
.m-slide .img { height:489px;
}
.m-slide .tab_bg {height:489px; 
}

.m-slide .img li, .m-slide .img a, .m-slide .img img {  height: 489px }

.m-slide .img li div{height:489px;}
.m-slide .img li div img{ height:489px;}
.m-slide .img li span{ height:489px; left:8%;top:30%}
.m-slide .img li span .b1{ font-size:40px;  }
.m-slide .img li span .b2{ font-size:25px; margin-top:70px; line-height:80px }
.m-slide .img li span .b3{ font-size:20px;  }
.m-slide .tab li img{ padding-top:4%; }

}





@media screen and (max-width: 414px) {
.m-slide{ display:none}
}



/*新闻*/
.gl{ width:100%; height:20px; background-color:#FFFFFF}
.new{ width:100%; height:auto; background:url(../sximg/news-Beijing.jpg) center center #f4f4f4;background-size:100% 100%}

.new_list{height:auto; /*padding-left:475px;*/  color:#000000; margin:50px auto;}
.new_list li{ width:32.8%; background:#e5e5e5; margin-top:1%; height:160px}
.new_list li a{ display:block; padding:4%; font-size:16px;}
.new_list li a .l{ width:70px; float:left; font-size:16px; text-align:right;}
.new_list li a .l span{ font-size:24px}
.new_list li a .r{ width:78%; float:left;  line-height:25px; padding-left:8% }
.new_list li a .r h3{font-size:16px; margin-bottom:15px; height:30px; overflow:hidden}
.new_list li a .r span{font-size:14px; height:80px; overflow:hidden; display:block}



.new_list li.l2,
.new_list li.l3{display:none;}
.new_list li.on,.pz_SideLayer li:hover{}
.new_list li.on a,.pz_SideLayer li:hover a{ background:#005aba; height:160px; color:#fff}
@media screen and (max-width: 1440px) {

.new_list li{height:140px}
.new_list li a .r h3{font-size:14px; margin-bottom:10px; }
.new_list li a .r span{font-size:12px; }
}


  @media screen and (max-width: 1024px)
 {
.new_list li{ width:49.5%;}
.new_list li a{ padding:3%; }
.new_list li a .r{ width:83%; }
.new_list li a .r h3{ margin-bottom:5px; }
.new_list li.on a,.pz_SideLayer li:hover a{ height:140px;}
 }
 
 
   @media screen and (max-width: 768px)
 {

.new_list li a .r{ width:78%; }

 }
 
 
    @media screen and (max-width: 414px)
 {
	 .new_list li{ width:100%;}
 }